<!--
 * @Author: your name
 * @Date: 2021-07-07 16:34:42
 * @LastEditTime: 2021-07-07 19:10:15
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /thousandsilk/src/pages/home/HomeCentre.vue
-->
<template>
  <div class="layout">
    <div class="oneView">我是中间的第一个div</div>
    <div class="twoView">我是中间的第二个sdfsdfdiv</div>
    <div class="threeView">我是中间的第三个div</div>
  </div>
</template>
<script>

export default {
  name: 'HomeCentre'
}
</script>
<style scoped>
.layout {
  border-top-width: 5px;
  border-top-color: white;
  border-top-style: solid;
  border-bottom-width: 5px;
  border-bottom-color: white;
  border-bottom-style: solid;
  background-color: rgb(172, 247, 129);
  overflow: auto;
}
/* border-right-width: 5px;
border-right-color: rgb(172, 247, 129);
border-right-style: solid;
border-left-width: 5px;
border-left-color: rgb(172, 247, 129);
border-left-style: solid; */
.oneView {
  float: left;
  width: 25%;
  height: 100%;
  background-color: yellow;
}
.twoView {
  float: left;
  width: 48%;
  height: 100%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: rgb(247, 165, 12);
}
.threeView {
  float: left;
  width: 25%;
  height: 100%;
  background-color: rgb(250, 200, 231);
}
</style>
